.define-color-if-not-defined() {
    @nav-tabs-border-color: #dddddd;
    @brand-info: #dddddd;
    @body-bg: #FFFFFF;
    @brand-primary: #428bca;
    @link-color: @brand-primary;
    @panel-footer-bg: #f5f5f5;
    @nav-link-hover-bg: #FFFFFF;
    @navbar-default-link-color: #777;
    @navbar-default-link-hover-color: #333;
    @navbar-default-bg: #f8f8f8;
    @MAX-Z-INDEX : 2147483647;
} .define-color-if-not-defined();

.top_covered_image {
    object-fit: cover;
    object-position: top;
}

.oe_slides_panel_footer {
    background-color: @navbar-default-bg;
}

.oe_slides_panel_footer .fa, .oe_slide_js_embed_option_link{
    color : @brand-primary;
    cursor: pointer;
}

.oe_slide_embed_option {
    position: absolute;
    padding: 30px 30px 30px 30px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: @body-bg;
    opacity: 1;
    display:none;
    overflow-y: auto !important;
}

.oe_slide_embed_wrapper {
  position: relative;
}

section.oe_slides_promote_box {
    background-color: @panel-footer-bg;
    border-bottom: 1px solid @nav-tabs-border-color;
    border-top: 1px solid @nav-tabs-border-color;
}

img.oe_slides_channel_thumbnail {
    .top_covered_image();
    height: 250px;
    width: 100%
}

img.oe_slides_opacity {
    opacity: .5;
}

img.oe_slides_promote_image {
    .top_covered_image();
    max-height: 300px;
    width: 100%;
    overflow: hidden;
    display: block;
}

.oe_slides_box_shadow {
    box-shadow: 0 0 5px #CCC;
}

.oe_slides_apart_small {
    .top_covered_image();
    height: 60px;
    width: 90px;
}

.oe_slides_statistics_title {
    border-bottom: 1px solid @nav-tabs-border-color;
    padding-bottom: 5px;
}
.oe_slides_transcript {
    overflow-y: auto;
    max-height: 500px;
}

.oe_slides_bottom_border {
   border-bottom: 1px solid @nav-tabs-border-color;
}

.oe_slide_js_like, .oe_slide_js_unlike{
    cursor: pointer;
    color: @link-color;
}

textarea.o_slides_comment {
    resize: vertical;
}

// Thumbnails
.oe_slides_thumbnail_container{
    height: 300px
}

.oe_slides_grid_thumbnail {
    .top_covered_image();
    height: 200px;
    width: 100%;
    overflow: hidden;
}
.oe_slides_ellipsis {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.o_slide_preview {
    max-height: 160px;
    overflow: hidden;
}

// Suggested slides grid
.oe_slides_suggestion_caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(10, 10, 10, 0.75);
    width:100%;
    height:100%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.oe_slides_suggestion_media {
    margin-top: 10px;
    position: relative;
}
.oe_slides_suggestion_media img {
    height: 33%;
    width: 100%;
    overflow: hidden;
}

// PDF Viewer Loader
.oe_slides_loader{
    position: relative;
    width: 100%; /* for IE 6 */
}
.oe_slides_loader h4{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 35%;

    color: white;
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
}

.oe_slides_panel{
    padding-bottom: 50px;
    height:100%;
    margin-bottom:0px;
}

// PDF Viewer Share bar
.oe_slides_share_bar{
    padding: 10px 0;
}

.oe_slides_panel_footer #page_number {
    width: 45px;
}

.oe_show_footer {
    z-index: @MAX-Z-INDEX; // Looks terrible but seems necessary due to fullscreen & canvas in PDFSlidesViewer
}
// Display Slide Navigation Footer bit clear on mobile preview
@media screen and (max-width: 300px) {
    .o_slide_navigation_buttons {
        margin-left: 15px;
        margin-right: -15px;
        .col-xs-4 {
            display: none;
        }
    }
}
